page-login {
    .fixed-content{
        background: url(./../assets/images/login/bg_login.png) no-repeat;
        background-size: cover;
    }
    .logo{
        text-align: center;
        padding-top: computed-vw(229);
        img{
            width: 37.33vw;
        }
    }
    .login-main-container{
        height: 100%;
    }
    .login{
        width: 100%;
        text-align: center;
        padding: computed-vw(400) 13.735vw 0;
        .fake{
            position: absolute;
            opacity: 0;
            z-index: 10;
        }
        .rel{
            margin-left: 16px;
            &:after{
                content: " ";
            }
        }
        .item{
            width: 72.53vw;
            padding: 0;
            background-color: transparent;
            .item-inner{
                padding: 0;
                .input-wrapper{
                    height: 11.2vw;
                    padding: 0;
                    border-bottom: 1px solid #FFFFFF;
                    font-size: computed-vw(42);
                    color: #ffffff;
                    .label{
                        margin: 0;
                    }
                }
            }
            img{
                width: 4.26vw;
            }
        }
        .pwd{
            padding-top: 2.67vw;
        }
    }
    ion-input{
        color: #FFFFFF;
        font-size: 3.73vw;
    }
    ion-input .text-input::placeholder {
        color: #FFFFFF;
    }

    ion-input.tip input:-moz-placeholder {
        color: #f00;
    }
    ion-input.tip input:-ms-input-placeholder {
        color: #f00;
    }
    ion-input.tip input::-webkit-input-placeholder {
        color: #f00;
    }
    .button-box{
        text-align: center;
        padding-top:computed-vw(80);
        .login-button{
            background: #43d272;
            width: computed-vw(818);
            height: computed-vw(112);
            font-size:computed-vw(54);
            border-radius: computed-vw(56);
            color: #FFFFFF;
            letter-spacing:1vw;
        }
        .login-button:active{
            background: #3ec56a;
        }
        .login-button:disabled{
            background: rgba(67, 210, 114, 0.5);
            color: rgba(255, 255, 255, 0.5);
        }
    }
    .button-md:hover:not(.disable-hover) {
        background-color: #07a963;
    }

    .bot-img{
        text-align: center;
        img{
            width: 38.93vw;
        }
    }

    .forget-password{
        width: 100%;
        font-size: computed-vw(45);
        text-align: center;
        color: #ffffff;
        text-decoration: underline;
        position: relative;
    }
}
